<template>
	<view class="topUp">
		<video v-if="goodVideo" :src="goodVideo" controls></video>
		<image v-else :src="goodImg" mode="aspectFit"></image>
		<view class="title">
		  <view class="content-title">
		    视频简介
		  </view>
		</view>
		<view class="content">
		  <view class="content-content">
		    <text>{{remark}}</text>
		  </view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				goodVideo: '',
				goodImg: '',
				remark: '',
			};
		},
		onLoad(option) {
			this.goodImg = option.goodImg
			this.goodVideo = option.goodVideo
			this.remark = option.remark || '无'
		},
	}
</script>

<style lang="scss">
.topUp {
	video {
		width: 100%;
		height: 80vh;
	}
	image {
		width: 100%;
	}
	.title {
	  padding: 0 0 30rpx 0;
	  background: #F6F6F6;
	  .content-title {
	    text-align: center;
	    font-size: 34rpx;
	    font-weight: bold;
	    color: #333333;
	    padding-top: 30rpx;
	  }
	}
	.content {
	  padding: 30rpx;
	  .content-content {
	    font-size: 30rpx;
	    font-weight: bold;
	    line-height: 46rpx;
	    letter-spacing: 4rpx;
	    color: #333333;
	  }
	}
}
</style>
